<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>兑换礼品卡</title>
  <link rel="stylesheet" href="./css/indent-collect.css">
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="shortcut icon" href="./image/favicon.ico" type="image/x-icon">


</head>

<body class="body">











  <!-- 头顶   ！！！！！！！！！！！！！！！！！-->
  <div class="head">
    <!-- 头部上部分 -->
    <div class="head-top">
      <div class="head-top-box">
        <!-- 头部左边部分  end -->
        <ul class="head-top-box-left">
          <li>欢迎来到聚美!</li>
          <span class="box-left-zhiz"><a href="">聚美至尊vip会员</a></span>
          <span> [ <a class="box-left-tuic" href="">退出</a> ] </span>
        </ul>
        <!-- 头部左边部分  end -->
        <!-- 头部右边部分 -->
        <ul class="head-top-box-right">
          <li>
            <a href="">正品保证</a>
          </li>
          <li>
            <a href="">订单查询</a>
          </li>
          <li>
            <a href="">
              <s class="head-top-box-right-xin"></s>
              收藏的品牌
            </a>
          </li>
          <li class="my-jumei" id="btn">
            <a href="">
              <s class="head-top-box-right-s"></s>
              我的聚美
            </a>
            <div class="my-jumei-xiala">
              <ul>
                <li><a href="" class="my-jumei-xiala-a">我的订单</a></li>
                <li><a href="" class="my-jumei-xiala-a">我的现金券</a></li>
                <li><a href="" class="my-jumei-xiala-a">我的红包</a></li>
                <li><a href="" class="my-jumei-xiala-a">我的余额</a></li>
                <li><a href="" class="my-jumei-xiala-a">我的提现退款</a></li>
                <li><a href="" class="my-jumei-xiala-a">我的收藏</a></li>
                <li><a href="" class="my-jumei-xiala-a">我的心愿单</a></li>
                <li><a href="" class="my-jumei-xiala-a">会员中心</a></li>
                <li><a href="" class="my-jumei-xiala-a">礼品卡兑换</a></li>
              </ul>
            </div>
          </li>

          <li class="my-mobile">
            <a href="">
              <span class="line"></span>
              <s class="my-mobile-icon"></s>
              手机聚美
            </a>
          </li>


          <li>
            <span class="line"></span>
          </li>
          <li class="my-mobile-more" id="bot">
            <a href="">
              更多
              <s class="my-mobile-more-s"></s>
            </a>
            <div class="my-mobile-caidan">
              <ul>
                <li><a href="" class="my-mobile-func">邀请好友</a></li>
                <li><a href="" class="my-mobile-func">加入收藏</a></li>
                <li><a href="" class="my-mobile-func">新浪微博</a></li>
                <li><a href="" class="my-mobile-func">聚美微信</a></li>
                <li><a href="" class="my-mobile-func">百度贴吧</a></li>
                <li><a href="" class="my-mobile-func">腾讯微博</a></li>
                <li><a href="" class="my-mobile-func">人人公众主页</a></li>
              </ul>
            </div>
          </li>
        </ul>
      </div>

    </div>
    <!-- 头顶上部分 end -->

    <!-- 头顶中部分 -->
    <div class="head-center">
      <h1 class="head-center-logo">
        <a href=""></a>
      </h1>

      <!-- 搜索栏 -->

      <!-- 搜索栏end -->

      <div class="head-center-right">
        <a href="" class="head-center-right-img">
          <img src="./image/cart.gif" alt="">
          <span class="head-center-right-text">去购物车结算</span>
          <span class="head-center-right-num"></span>
          <s class="head-center-right-s"></s>
        </a>

      </div>
    </div>
    <!-- 头顶中部分 end -->





    <!-- 导航栏 -->
    <div class="head-bottom">
      <div class="head-bottom-box">
        <div class="head-bottom-box-list">
          <!-- 导航栏 -->
          <ul class="head-bottom-box-list-ul">
            <li>
              <a href="" class="home-page">首页</a>
            </li>
            <li>
              <a href="" class="home-page">极速免税店</a>
            </li>
            <li>
              <a href="" class="home-page">母婴特卖</a>
            </li>
            <li>
              <a href="" class="home-page">美妆商城
                <b></b>
              </a>

            </li>
            <li>
              <a href="" class="home-page">国际轻奢</a>
            </li>
            <li>
              <a href="" class="home-page">服装运动</a>
            </li>
            <li>
              <a href="" class="home-page">鞋包配饰</a>
            </li>
          </ul>
          <!-- 导航栏end -->

          <!-- 动画菜单 -->
          <div></div>
          <!-- 动画菜单 end ！！！！！！！！-->

          <!-- 导航栏右边 ！！！！！！！！！！-->
          <ul class="head-bottom-box-right">
            <li>
              <div class="security-code">
                <a href="">
                  <span></span>
                  <b></b>
                </a>
              </div>
            </li>
            <li>
              <div class="security-code1-one">
                <a href="">
                  <span></span>
                  <b></b>
                </a>
              </div>
            </li>
            <li>
              <div class="security-code-tow">
                <a href="">
                  <span></span>
                  <b></b>
                </a>
              </div>
            </li>

          </ul>
        </div>
      </div>
    </div>
    <!-- 导航栏 end ！！！！！！！！！！！-->
  </div>

  <!-- 头顶end！！！！！！！！！！！！！！！！ -->

  <div class="centre">


    <!-- 左边部分！！ -->
    <div class="centre-left">
      <div class="centre-left-top">
        <a href="">
          <img src="./image/lmk-touxiang.jpg" alt="">
        </a>
        <p class="centre-left-id">
          <a href="">聚美至尊vip会员</a>
        </p>
        <p class="centre-left-di">
          <a href="">究极至尊会员</a>
        </p>
        <p class="centre-left-fck">用户ID:393357327</p>
      </div>
      <h2 class="centre-left-me">
        <b></b>
        我的聚美
      </h2>


      <a class="centre-left-pot" href="./indent-order.html">
        <b></b>
        我的订单
      </a>
      <a class="centre-left-pot" href="./indent-wish.html">
        <b></b>
        我的心愿单
      </a>
      <a class="centre-left-pot" href="" style="background-color: #fff">
        <b></b>
        我的收藏
      </a>
      <a class="centre-left-pot" href="./indent-member.html">
        <b></b>
        我的会员等级
      </a>
      <a class="centre-left-pot" href="./indent-ticket.html">
        <b></b>
        我的现金券
      </a>
      <a class="centre-left-pot" href="./indent-packet.html">
        <b></b>
        我的红包
      </a>
      <a class="centre-left-pot" href="./indent-coin.html">
        <b></b>
        我的金币
      </a>
      <a class="centre-left-pot" href="">
        <b></b>
        我的尺码
      </a>
      <a class="centre-left-pot" href="">
        <b></b>
        订阅邮件短信
      </a>
      <h2 class="centre-left-me">
        <b></b>
        管理个人账户
      </h2>
      <a class="centre-left-pot" href="">
        <b></b>
        我的余额
      </a>
      <a class="centre-left-pot" href="">
        <b></b>
        我的提现退款
      </a>
      <a class="centre-left-pot" href="">
        <b></b>
        礼品卡兑换
      </a>
      <a class="centre-left-pot" href="">
        <b></b>
        设置账户信息
      </a>
      <a class="centre-left-pot" href="">
        <b></b>
        修改手机
      </a>
      <a class="centre-left-pot" href="">
        <b></b>
        绑定手机
      </a>
      <a class="centre-left-pot" href="">
        <b></b>
        管理实名认证
      </a>
      <a class="centre-left-pot" href="">
        <b></b>
        管理收获地址
      </a>
      <a class="centre-left-pot" href="">
        <b></b>
        绑定站外分析
      </a>
      <h2 class="centre-left-me">
        <b></b>
        售后服务
      </h2>
      <a class="centre-left-pot" href="">
        <b></b>
        我的售后服务
      </a>
      <a class="centre-left-pot" href="">
        <b></b>
        我的退货
      </a>
      <h2 class="centre-left-me">
        <b></b>
        聚美惊喜
      </h2>
      <a class="centre-left-pot" href="">
        <b></b>
        我的喜从何而来
      </a>

    </div>
    <!-- 左边部分end！！！！！！！！！！！！！！！！！！！！ -->



    <h1 class="centre-indent">
      <a href=""></a>
      我的心愿单
    </h1>

    <div class="centre-right">


      <div class="centre-right-body">


        <div class="centre-right-body-top">
          收藏心仪的产品或品牌，方便你随时找到它们，也有助于根据你的收藏给你更加贴心的推荐
        </div>




        <div class="centre-right-body-nat">
          <a href="javascript:;" class="centre-right-body-ding">我收藏的产品</a>
          <a href="javascript:;">我收藏的品牌</a>

        </div>
      </div>


      <div class="centre-right-middle">
        <div style="display:block;">
          <h2>您还有没收藏任何产品哦！</h2>
        </div>
        <div>
          <h2>您还有没有收藏任何品牌哦！</h2>
        </div>


      </div>

    </div>

  </div>




  <div class="footer">
    <div class="common">
      <!-- footer-顶部 -->
      <div class="footer-top">
        <ul>
          <li class="footer-top-one">
            <a href=""></a>
            <b>值得信赖美妆电商</b>
            <br>
            <span>四千万用户信赖</span>
          </li>
          <li class="footer-top-one  footer-top-two">
            <a href=""></a>
            <b>成功在美上市</b>
            <br>
            <span>股票代码NYSE:JMEI </span>
          </li>
          <li class="footer-top-one footer-top-three">
            <a href=""></a>
            <b>品牌防伪码</b>
            <br>
            <span>支持品牌官网验真</span>
          </li>
          <li class="footer-top-one footer-top-four">
            <a href=""></a>
            <b>30天无理由退货</b>
            <br>
            <span>只要不满意无理由退货</span>
          </li>
          <li class="footer-top-one footer-top-five">
            <a href=""></a>
            <b>百万用户口碑</b>
            <br>
            <span>帮你只选对的,不选贵的</span>
          </li>
          <li class="footer-top-one footer-top-six">
            <a href=""></a>
            <b>订单闪电发货</b>
            <br>
            <span>1.5小时订单急速出库</span>
          </li>
          <li class="footer-top-one footer-top-seven">
            <a href=""></a>
            <b>大牌明星热荐</b>
            <br>
            <span>打造精致明星脸</span>
          </li>
        </ul>

      </div>

      <!-- 友情链接 -->
      <div class="footer-firend">
        <!--左边部分 -->
        <ul class="one-ul">
          <li class="footer-one">
            <h4>服务保障</h4>
            <a href="#">品牌真品防伪码</a>
            <a href="#">正品保证</a>
            <a href="#">30天无条件退货</a>
            <a href="#">专属客服服务</a>
            <span>总裁邮箱ceo@jumei.com</span>
          </li>
          <li>
            <h4>使用帮助</h4>
            <a href="">新手指南</a>
            <a href="">常见问题</a>
            <a href="">帮助中心</a>
            <a href="">用户协议</a>
            <a href="">公示制度</a>
          </li>
          <li>
            <h4>支付方式</h4>
            <a href="">货到付款</a>
            <a href="">在线支付</a>
            <a href="">余额支付</a>
            <a href="">现金券支付</a>
          </li>
          <li>
            <h4>配送方式</h4>
            <a href="">包邮政策</a>
            <a href="">配送说明</a>
            <a href="">运费说明</a>
            <a href="">验货签收</a>
          </li>
          <li>
            <h4>售后服务</h4>
            <a href="">正品承诺</a>
            <a href="">售后咨询</a>
            <a href="">退货政策</a>
            <a href="">退货办理</a>
          </li>
        </ul>
        <!-- 右边部分 -->
        <div class="footer-right">
          <ul>
            <li>
              <b>手机聚美</b>
              <a href=""></a>
              <span>下载移动客户端</span>
            </li>
            <li>
              <b>聚美微信</b>
              <a href=""></a>
              <span>聚美官方微信</span>
            </li>
          </ul>
        </div>
      </div>

    </div>
    <!-- 为自己代言 -->
    <div class="myself">
      <a href="#"></a>
    </div>
    <!-- 合作商 -->
    <div class="cooperation">
      <div class="common">
        <a href="">关于聚美优品</a>
        <a href="">INVESTOR RELATIONS</a>
        <a href="">合作招商</a>
        <a href="">获取更新</a>
        <a href="">加入聚美</a>
        <a href="">品牌合作专区</a>
        <a href="">网站联盟</a>
        <a href="">媒体报道</a>
        <a href="">商务合作</a>
      </div>
    </div>
    <!-- footer-底部 -->
    <div class="footer-bottom">
      <div class="common">
        <p>

          COPYRIGHT © 2010-2018 北京创锐文化传媒有限公司 JUMEI.COM 保留一切权利。
          客服热线：400-123-8888
        </p>
        <p>
          <span>京公网安备 11010102001226 | </span>
          <a href="">京ICP证111033号|</a>
          <a href="">食品经营许可证|</a>
          <a href="">营业执照|</a>
          <a href="">ICP许可证|</a>
          <a href="">出版物经营许可证</a>
        </p>
        <p>
          <a href=""></a>
          <a href=""></a>
          <a href=""></a>
          <a href=""></a>
          <a href=""></a>
          <a href="">
            <img src="./image/footer-bottom.jpg" alt="">
          </a>
        </p>
      </div>
    </div>
  </div>




</body>
<script src="./js/jquery-3.3.1.js"></script>
<script src="./js/indent-collect.js"></script>

</html>